* {
    margin         : 0;
    padding        : 0;
    text-decoration: none;
    list-style     : none;
}

/*主体色*/
@themColor: #E92322;


/* 头部开始 */
.wjs_header {
    height       : 50px;
    border-bottom: 1px solid #cccccc;

    >.container {
        height: 100%;

        >.row {
            height: 100%;

            >div {
                height     : 100%;
                line-height: 50px;
                text-align : center;
                font-size  : 14px;
                z-index    : 100;

                &:nth-of-type(-n+3) {
                    border-right: 1px solid #cccccc;
                }

                .btn-danger {
                    padding: 3px 16px;
                }

                >.btn:first-of-type {
                    background-color: @themColor;
                }

                >.btn-link {
                    color: black;
                }
            }

            .wis_code {
                >img {
                    display   : none;
                    border    : 1px solid #ccc;
                    border-top: 0px;
                    margin-top: -1px;
                    z-index   : 100;
                }

                &:hover {
                    >img {
                        display: inline-block;
                    }
                }
            }
        }
    }
}

/* 头部结束 */

/* 导航栏开始 */
.wjs_nav {
    margin: 0px;

    .navbar-toggle {
        margin-top: 23px;
    }

    // height: 80px;
    .navbar-brand {
        height     : 80px;
        line-height: 80px;
        padding    : 0px 15px;
        font-size  : 40px;

        .wjs_logo {
            color: @themColor;
        }

        .wjs_text {
            color: #333333;
        }
    }

    .navbar-nav {
        >li {
            a {
                line-height: 80px;
                padding    : 0px 15px;
                font-size  : 16px;

                &:focus,
                &:hover {
                    border-bottom: 2px @themColor solid;
                }
            }

        }

        .active {

            >a,
            a:hover,
            a:focus {
                color           : #333;
                background-color: transparent;
                border-bottom   : 2px @themColor solid;
            }
        }
    }
}

/* 导航栏结束 */
/*轮播图开始*/
.wjs_banner {
    position: relative;

    .mobileImg {
        width  : 100%;
        display: block;

        img {
            width  : 100%;
            display: block;
        }
    }

    .PCimg {
        display            : block;
        width              : 100%;
        height             : 410px;
        // background-image: url('../images/slide_01_2000x410.jpg');
        background-position: center center;
        background-repeat  : no-repeat;
        background-size    : cover;
    }
}

/*轮播图结束*/

/* 信息开始 */
.wjs_info {
    padding: 20px;

    .row div {
        margin-top: 20px;

        .wjs_icon {
            font-size: 30px;
        }

        a {
            &:hover {
                color: @themColor;
            }
        }
    }
}

/* 信息结束 */

/* 预约开始 */
.wjs_order {
    border-top   : solid 1px #ccc;
    border-bottom: solid 1px #ccc;

    .row {
        div {
            >a {
                line-height: 60px;

                &:hover {
                    color: @themColor;
                }

                &:nth-of-type(2) {
                    color        : @themColor;
                    border-bottom: 1px dashed @themColor;
                }
            }

            span {
                font-size: 18px;
            }
        }
    }
}

/* 预约结束 */

/* 产品开始 */
.wjs_products {
    padding         : 20px;
    background-color: #eee;
    overflow        : hidden;

    .nav-tabs {
        li {
            margin-bottom: 0px;
            margin-right : 30px;

            a {
                border       : none;
                line-height  : 50px;
                border-radius: 0;

                &:hover {
                    border       : none;
                    border-bottom: 3px solid @themColor;
                }
            }

            &.active {

                a,
                a:hover,
                a:focus {
                    background-color: #eee;
                    border          : none;
                    border-bottom   : 3px solid @themColor;
                }
            }
        }
    }

    .p_box {
        margin-top      : 20px;
        position        : relative;
        background-color: #fff;
        padding-right   : 100px;

        .p_left {
            width : 100%;
            height: 150px;

            h4 {
                text-align : center;
                font-size  : 14px;
                font-weight: normal;
                padding-top: 10px;
            }

            .row {
                div {
                    >p {
                        font-size: 12px;
                    }

                    &:nth-of-type(even) {
                        >p {
                            text-align   : right;
                            padding-right: 5px;
                        }
                    }

                    &:nth-of-type(odd) {
                        >p {
                            padding-left: 5px;
                        }
                    }

                }
            }
        }

        .p_right {
            position   : absolute;
            width      : 100px;
            height     : 150px;
            top        : 0px;
            right      : 0px;
            text-align : center;
            padding-top: 30px;
            border-left: 1px dashed #cccccc;

            span {
                font-size  : 40px;
                color      : @themColor;
                font-weight: 700;
            }

            sub {
                color : @themColor;
                bottom: 0px;
            }

            &::after,
            &::before {
                content         : "";
                width           : 10px;
                height          : 10px;
                border-radius   : 50%;
                border          : 1px solid #eee;
                background-color: #eee;
                position        : absolute;
                left            : -5px;
            }

            &::before {
                top       : -5px;
                box-shadow: 0px -1px 1px #ddd inset;
            }

            &::after {
                bottom    : -5px;
                box-shadow: 0px 1px 1px #ddd inset;
            }

            >.p_tips {
                width     : 100%;
                text-align: center;
                position  : absolute;

                top : 15px;
                left: 0px;

                button:first-of-type {
                    border          : 1px green solid;
                    background-color: white;
                    color           : green;
                    font-size       : 16px;
                    cursor          : pointer;
                }

                button:last-of-type {
                    border          : 1px red solid;
                    background-color: white;
                    color           : red;
                    font-size       : 16px;
                    cursor          : pointer;
                }
            }
        }

        &.active {
            background-color: @themColor;
            color           : #fff;
            position        : relative;

            .p_right {
                span {
                    color: #fff;
                }

                sub {
                    color: #fff;
                    color: #fff;
                }
            }

            &::before {
                content    : '\e915';
                font-family: 'wjs';
                position   : absolute;
                top        : -5px;
                left       : 0px;
                font-size  : 25px;
            }

        }

    }
}

/* 产品结束 */

/* 新闻开始 */
.wjs_news {
    padding: 20px;

    .wjs_news_title {
        border-bottom: 1px solid #ccc;
        text-align   : center;
        line-height  : 50px;
        position     : relative;

        &::before {
            content         : "";
            width           : 8px;
            height          : 8px;
            border-radius   : 50%;
            position        : absolute;
            border          : 1px solid #ccc;
            background-color: #fff;
            bottom          : -4px;
            right           : 0;
        }
    }

    .wjs_news_box {
        position: relative;

        .nav-tabs {
            border-bottom: none;
            position     : relative;

            >li {
                margin-bottom: 60px;

                >a {
                    width           : 60px;
                    height          : 60px;
                    border-radius   : 50%;
                    border          : none;
                    background-color: #ccc;

                    >span {
                        font-size: 30px;
                        color    : #fff;
                    }

                    &:hover {
                        border          : none;
                        background-color: @themColor;
                    }
                }

                &.active {

                    >a,
                    a:focus {
                        border          : none;
                        background-color: @themColor;

                    }

                }

                &:last-of-type {
                    margin-bottom: 0px;
                }
            }

            @media screen and (max-width: 768px) {
                >li {
                    margin: 20px 30px;
                }
            }

            @media screen and (max-width: 992px) {
                >li {
                    margin: 20px 0px;
                    width : 25%;
                }
            }
        }
    }

    .wjs_news_line {
        width      : 1px;
        height     : 100%;
        border-left: 1px dashed @themColor;
        position   : absolute;
        top        : 0px;
        left       : 45px;
    }


    .wjs_news_list {
        >li {
            line-height: 60px;
        }
    }
}

/* 新闻结束 */

/* 合作伙伴开始 */
.wjs_partner {
    background-color: #eee;
    padding         : 20px;
    text-align: center;
    h3 {
        // font-size  : 25px;
        text-align    : center;
        // line-height: 80px;
    }

    ul{
        display: inline-block;
        li {
            float: left;
            margin-right: 20px;
            a {
                font-size: 80px;
            }
            &:last-of-type{
                margin-right: 0px;
            }
        }
    }
}

/* 合作伙伴结束 */